<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--视口介绍  禁止手机端缩放-->
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
    <!--引用bootstrap-->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <!--登陆/注册css-->
    <link rel="stylesheet" href="css/login_register.css">
    <!--jquery核心-->
    <script src="bootstrap/js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript">
   		 alertMsg(123, 1);
    </script>
    <title>用户注册</title>
</head>
<body>
<div class="modal show background col-lg-12" id="loginModal">
    <div class="modal-dialog ">
        <!--设置自适应-->
        <div class="modal-content col-lg-offset-2 col-lg-8 col-sm-8 col-sm-offset-2  col-md-offset-2 col-xs-12  ">
            <div class="modal-header ">
                <button type="button" class="close">&times;</button>
                <h2 class="text-center text-primary">用户注册</h2>
                <div class="modal-body ">
                    <!--表单开始,用于后台数据获取-->
                    <form class="form col-sm-12 center-block " id="registerForm" action="${pageContext.request.contextPath }/regServlet" method="post">
                        <div class="form-group-lg" id="user">
                            <label class="sr-only" for="username">用户名</label>
                            <!--用户名-->
                            <div class="input-group">
                                <div class="input-group-addon"><span class="glyphicon glyphicon-user"
                                                                     aria-hidden="true"></span></div>
                                <!--表--单--名---username-->
                                <input class="form-control" id="username" name="username" type="text" placeholder="用户名"
                                       style="font-size: 14px" required autofocus>
                            </div>
                        </div>
                        <br>

                        <div class="form-group-lg" id="email">
                            <label class="sr-only" for="emailMsg">Email邮箱</label>
                            <!--email地址框-->
                            <div class="input-group">
                                <div class="input-group-addon"><span class="glyphicon  glyphicon-envelope"
                                                                     aria-hidden="true"></span></div>
                                <!--表--单--名---emailMsg-->
                                <input class="form-control" id="emailMsg" name="emailMsg" type="email"
                                       placeholder="Email地址" style="font-size: 14px" required autofocus>
                            </div>
                        </div>
                        <br>
                        <!--密码框-->
                        <div class="form-group-lg" id="pwd">
                            <label class="sr-only" for="password">密码</label>
                            <div class="input-group">
                                <div class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></div>
                                <!--表--单--名--pwd-->
                                <input class="form-control" id="password" name="pwd" type="password" placeholder="密码"
                                       style="font-size: 14px" required autofocus>
                            </div>
                        </div>
                        <br>

                        <div class="form-group-lg" id="pwd_repeat">
                            <label class="sr-only" for="password">密码</label>
                            <div class="input-group">
                                <div class="input-group-addon"><span class="glyphicon glyphicon-lock"></span></div>
                                <!--表--单--名--repeat_pwd-->
                                <input class="form-control" id="password_repeat" name="repeat_pwd" type="password"
                                       placeholder="重复密码" style="font-size: 14px" required >
                            </div>
                        </div>
                        <br>
                        <!--注册按钮-->
                        <div class="form-group" id="form_btn">
                            <button class="btn btn-danger btn-lg  col-xs-6 col-md-4 " id="btn_register" type="submit">注册
                            </button>
                            <button class="btn btn-primary btn-lg col-xs-6 col-md-4" id="btn_login" type="button"><a href="login.jsp" id="login_a" style="">返回登录</a> </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</html>